.index {
    height: 100%;

    // background-color: rgb(25,124,254);
    .css-dev-only-do-not-override-1npmrhi {
        height: 100%;
    }

    .ant-layout-sider-dark {
        // width: 250px;
        height: 100%;
        background-color: rgb(25, 124, 254);
        position: fixed;
        top: 0;
        z-index: 10;

        .ant-layout-sider-children {
            width: 250px;
            height: 100%;

            .top {
                background-color: rgb(25, 124, 254);
                color: #fff;
                height: 80px;
                line-height: 80px;
                width: 250px;
                box-sizing: border-box;

                .jiuwei {
                    display: flex;
                    justify-content: space-around;
                    align-items: center;

                    img {
                        width: 50px;
                        height: 50px;
                        border-radius: 50%;
                    }

                    span {
                        font-size: 18px;
                    }
                }
            }

            .bottom {
                // width: 250px;
                height: 100%;

                ul {
                    background-color: rgb(25, 124, 254);
                    height: 100%;

                    li {
                        // width: 250px;
                        // height: 50px;
                        box-sizing: border-box;
                        color: #fff;
                        font-size: 18px;

                        .ant-menu-submenu-title {
                            justify-content: space-between;
                        }

                        svg {
                            font-size: 18px;
                        }
                    }

                    li.ant-menu-submenu-active {
                        color: #fff;
                    }
                }
            }
        }

    }

    // .css-dev-only-do-not-override-1npmrhi{
    // width: 100%;
    // box-sizing: border-box;
    .ant-layout-content {
        padding-top: 70px;
        padding-left: 250px;

        .nav {
            width: 100%;
            height: 70px;
            background-color: rgb(255, 255, 255);
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            top: 0;
            z-index: 8;
            .role {
                width: 120px;
                position: fixed;
                right: 0;
                display: flex;
                justify-content: space-around;
                align-items: center;
                background-color: rgb(255, 255, 255);

                .css-dev-only-do-not-override-1npmrhi {
                    // size: 64px;
                    width: 40px;
                }
            }
        }

        div {
            // background-color: rgb(245, 245, 245);
        }
    }
}

// }